第二天--html基本的語法

15th鐵人賽

aliecele

2023-09-16 09:46:49

287 瀏覽

分享至

今天介紹html基本的語法。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello world!</title>
</head>

<body>
    <h1>這是h1</h1>
    <h2>這是h2</h2>
    <h3>這是h3</h3>
    <p>這是p</p>
    <a href="https://www.google.com.tw/?hl=zh_TW">連結到Google網站</a>
    <img src="Google_Chrome_icon2.png" alt="Google圖">
    <img src="Google_Chrome_icon.png" alt="Google圖" width="100" height="100">
</body>

</html>

h1、h2和h3為標題字的語法。

h1和h2、h3為標題字，千萬不可在之後用來代替需要粗體大字的狀況，要老實的用p和css的方式改(簡單說下，css是能客製化改html的外觀的語言)。

img則是顯示出圖片的語法，src則要填圖片的路徑，我使用google標誌的圖當範例，圖片和程式檔(Hello2.html)路徑如下。